| |
| 次に、画像の表示 / 非表示を切り替えるチェックボックスを作成します。ここでは、FORMタグに名前を付けるのを忘れないでください。また、各チェックボックスにonClickイベントを追加し、JavaScript関数「show()」を呼び出します。関数の引数は2つあり、1つ目はチェックボックスのインデックス番号、2つ目に対応するIMGタグの名前となります。インデックス番号は0から始まることに注意してください。なお、今回の例では、画像を配置したTABLEに「align=right」を指定しているため、チェックボックスは画像の左側に回り込んで表示されます。 |
<FORM name="f1">
<INPUT type=checkbox onClick="show(0,'img01')">朝焼に輝く星<BR>
<INPUT type=checkbox onClick="show(1,'img02')">木立の隙間から<BR>
<INPUT type=checkbox onClick="show(2,'img03')">夜明け<BR>
<INPUT type=checkbox onClick="show(3,'img04')">自転を感じる<BR>
<INPUT type=checkbox onClick="show(4,'img05')">昼の星空<BR>
<INPUT type=checkbox onClick="show(5,'img06')">砂丘の月<BR>
<INPUT type=checkbox onClick="show(6,'img07')">月の軌跡<BR>
<INPUT type=checkbox onClick="show(7,'img08')">彗星の飛来<BR>
<INPUT type=checkbox onClick="show(8,'img09')">彗星
</FORM> |
|
